<template>
	<div class="q-pa-md full-width">
		<div class="q-gutter-md">
			<q-select v-model="model" :options="options" label="Standard" />

			<q-select filled v-model="model" :options="options" label="Filled" />

			<q-select outlined v-model="model" :options="options" label="Outlined" />

			<q-select standout v-model="model" :options="options" label="Standout" />

			<q-select standout="bg-teal text-white" v-model="model" :options="options" label="Custom standout" />

			<q-select borderless v-model="model" :options="options" label="Borderless" />

			<q-select rounded filled v-model="model" :options="options" label="Rounded filled" />

			<q-select rounded outlined v-model="model" :options="options" label="Rounded outlined" />

			<q-select rounded standout v-model="model" :options="options" label="Rounded standout" />

			<q-select square filled v-model="model" :options="options" label="Square filled" />

			<q-select square outlined v-model="model" :options="options" label="Square outlined" />

			<q-select square standout v-model="model" :options="options" label="Square standout" />
		</div>
	</div>
</template>

<style>
</style>

<script>
	export default {
		name: 'PageIndex',
		data(){
			return {
				model:'',
				options:[
					{label:'aaa',value:'111'},
					{label:'bbb',value:'222'},
				]
			}
		}
	};
</script>
